<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<div class="bjui-pageHeader">
    <form id="pagerForm" method="get" action="/system/role/list" data-toggle="ajaxsearch"
          data-options="{validate:false}">
        <input type="hidden" name="pageSize" value="${pageResult.pageSize}">
        <input type="hidden" name="pageIndex" value="${pageResult.pageIndex}">
        <input type="hidden" name="orderField" value="${pageResult.orderField}">
        <input type="hidden" name="orderDirection" value="${pageResult.orderDirection}">
        <div class="bjui-searchBar">
            <label>用户名称：</label><input type="text" name="roleName" value="">
            <button type="submit" class="btn-default" data-icon="search">查询</button>
            <a class="btn btn-orange" href="javascript:;" data-toggle="reloadsearch" data-clear-query="true"
               data-icon="undo">清空查询</a>
            <div class="pull-right">
                <div class="btn-group">
                    <button type="button" class="btn-default dropdown-toggle" data-toggle="dropdown" data-icon="copy">
                        功能操作<span class="caret"></span></button>
                    <ul class="dropdown-menu right" role="menu">
                        <li><a href="<%=request.getContextPath()%>/system/role/add_page" data-toggle="dialog"
                               data-width="600" data-height="400" data-id="dialog-mask" data-mask="true"><i
                                class="fa fa-plus"></i> 新增数据</a></li>
                        <li><a href="ajaxDone2.html" data-toggle="doajaxchecked" data-confirm-msg="确定要删除选中项吗？"
                               data-idname="delids" data-group="ids">删除选中</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="bjui-pageContent tableContent">
    <table data-toggle="tablefixed" data-width="100%" data-nowrap="true">
        <thead>
        <tr>
            <th width="26"><input type="checkbox" class="checkboxCtrl" data-group="ids" data-toggle="icheck"></th>
            <th>角色名称</th>
            <th>角色代码</th>
            <th>角色等级</th>
            <th>备注</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <th:forEach var="list" items="${pageResult.list}">
            <tr>
                <td><input type="checkbox" name="ids" data-toggle="icheck" value="${list.id}"></td>
                <td>${list.roleName}</td>
                <td>${list.roleCode}</td>
                <th>${list.roleLevel}</th>
                <td>${list.description}</td>
                <td>
                    <a href="<%=request.getContextPath()%>/system/role/edit?id=${list.id}" class="btn btn-green"
                       data-toggle="dialog" data-width="1000" data-height="600" data-id="dialog-mask" data-mask="true">编辑</a>
                    <a href="<%=request.getContextPath()%>/system/role/delete?id=${list.id}" class="btn btn-red"
                       data-toggle="doajax" data-confirm-msg="确定要删除吗？">删除</a>
                </td>
            </tr>
        </th:forEach>
        </tbody>
    </table>
</div>
<div th:replace="common/pageFooter :: pageFooter"/>
</html>
